<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
	<title>蓝天车险</title>
	<link rel="stylesheet" href="">
	<link rel="stylesheet" href="/static/index/css/commen.css">
    <link rel="stylesheet" href="/static/layer/theme/default/layer.css">
	<style>
		.main .img{width: 100%;height: auto;}
		.img-box{width: 1200px;height: auto;margin: 0 auto;}

		.btm-box{background: url(/static/index/images/img7.png) no-repeat;background-size: 100% 100%;height: 390px;}
		.btm-box .msg{width: 1012px;margin: 0 auto;overflow: hidden;padding-top: 30px;}
		.btm-box .phone{border: 1px solid #a0a0a0;width: 630px;height: 80px;line-height: 80px; font-size: 32px;padding: 0 40px;color: #000000;float: left;}
		.btm-box .btn-sure{width: 233px;height: 82px;line-height: 82px;display: block;color: #fff;font-size: 34px;float: right;border-radius: 12px;
		    background: url(/static/index/images/img11.png) no-repeat;
		    background-size: 100% 100%;
		    -moz-background-size: 100% 100%;
		    -o-background-size: 100% 100%;
		    -webkit-background-size: 100% 100%;
		}

		.main .img2{position: relative;}
		.btn-goNext{position: absolute;right: 254px;top: 10px;width: 314px;}
		.btn-goNext img{width: 100%;}

		.pop{width: 1012px;margin: 0 auto;overflow: hidden;text-align: center;display: none;padding-top: 30px;}
		.pop .gou{width: 75px;height: 75px;float: left;margin-right: 30px;display: inline;}
		.pop h1{font-size: 50px;float: left;line-height: 75px;}
		.pop button{display: block;margin: 0 auto;font-size: 26px;color: #fff;width: 200px;height: 44px;line-height: 44px; border-radius: 25px;
		    background: url(/static/index/images/img12.png) no-repeat;
		}
	</style>
</head>
<body>
	<div class="main">
		<img class="img1" src="/static/index/images/img1.png" alt="">
		<div class="img-box">
			<div class="img2">
				<img class="img img2" src="/static/index/images/img2.png" alt="" >

				<div class="btn-goNext">
					<img src="/static/index/images/img8.png" alt="">
				</div>
			</div>
			
			<img class="img" src="/static/index/images/img4.png" alt="">
			<img class="img" src="/static/index/images/img5.png" alt="">
			<img class="img" src="/static/index/images/img6.png" alt="">
		</div>
		
	</div>
	<div class="btm-box">
		<div id="msg" class="msg">
			<input id="phone" class="phone" type="number" placeholder="请输入手机号" value="请输入手机号">
			<button id="btn-sure" class="btn-sure" type="button" disabled="disabled">立即预约</button>
		</div>

		<div class="pop">
			<div style="overflow: hidden;width: 510px;margin: 0 auto 30PX;">
				<img class="gou" src="/static/index/images/img9.png" alt="">
				<h1>恭喜，预约成功！</h1>
			</div>
			<button>邀请好友参加</button>
			
		</div>
		
	</div>


	<script type="text/javascript" src="/static/index/script/jquery.min.js"></script>
    <script type="text/javascript" src="/static/layer/layer.js"></script>
    <script type="text/javascript" src="/static/index/js/index.js"></script>
</body>
</html>